<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<style type="text/css">
		.high
		{
			font-weight:bold;
			color:red;
		}
		.another
		{
			font-style:italic;
			color:blue;
		}
	</style>
	<script src="jquery-1.7.1.js"></script>
	<script type="text/javascript">
		$(function() {
			//获取p标签的class
			var cls=$("p").attr("class");
			//将p标签的class属性改成class+another
			$("p").attr("class","class+another");
			//点击link交替两种样式
			$("#link").click(function(){
				$("p").toggleClass("another");
			})
		})
	</script>
	</head>
	
	<body>
		<h3>例子</h3>
		<p title="选择你最喜欢的水果" class="high" id="link">选择你最喜欢的水果</p>
		<ul id="uu">
			<li>苹果</li>
			<li>橘子</li>
			<li>菠萝</li>
		</ul>
	</body>
	</html>
	